<!DOCTYPE html>
<p>The word "PASS" should be seen below.</p>
<div style="columns:3; column-fill:auto; column-gap:0; width:12em; height:50px; line-height:20px;">
    <div style="float:left; width:1px; height:90px;"></div>
    <div style="height:45px;"></div>
    <!-- At the beginning of layout of the next element, we're at block offset 45px. The forced
         break-before should take us to 50px - the next column. Clearance should take us even
         further, past the float, so get to block offset 90px. Finally, due to the unbreakable line
         inside the block, we need to move on to another new column to make the line fit, so we end
         up at 100px, exactly at the top of the third column. -->
    <div style="break-before:column; clear:left;">PASS</div>
</div>
